<template>
    <ModalCom v-bind="$attrs" width="900px" :title="title" :inner-loading="useInnerLoading" :ok-async="useOkAsync">
      <Form ref="formRef" :style-col="{ style: { width: '100px'}}" :wrapper-col="24" :list="useState.controlList" :fields="useState.fields"></Form>
    </ModalCom>
</template>

<script setup>
import { reactive, ref, computed } from "vue"
// 跨级组件
import ModalCom from "@/components/modal/index.vue"
import Form from "@/components/form/index.vue"
import { message } from "ant-design-vue"
import { useIndex } from "./use-index"

// api
import { categoryCreate, categoryUpdate } from "@/api/index"
// props
const props = defineProps({
  row: {
    type: Object,
    default: () => ({})
  }
})
// formRef
const formRef = ref(null)
//
const { useState, useOkAsync, useInnerLoading, title } = useIndex(formRef, props)





</script>